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1 > بترح أواسر تقة الترميز_ 981:11 ` 

« يوظف اواسر لقة الترميز .1113611 في إتتاج سلمة 
ويب تفا یه 

» يجري بعش العسليات (إبشغة حشل,/ إضافة زر انيار 

| يديل رتد ووبدزنس]( مامتا في تقة ,111111 
« يترح بعش عتاسير لقة اتترميز .111711 إعتدرق 
الالختبار. زر الأسر وون+131:44 - زر إرسال ايساد ۔ 
زر جتيد اما) 

«» يكشب أواسر ثفة اتترميز .111711 يطريقة صدميحة 
«» تصمبم صفحة ويب التمجيل يوانالاك 


٠‏ بتعرف يعنت المقاهيم الاستية َة ون )يي رحدل 

٠‏ بتعرف الشوراع الأمسلية لتنتام صشهة ويب باستظفام 
أوامر لفة اماک حول 

» يكشي كرد يلفة 1۲× درؤوورل پدقة 


يلعرف طريقة الست عاء رد اماك وجحوق يلتكدام 
زر اعمروسؤاسظ 

٠ه‏ بتعرف ماهية قدظة صب ل كيوون] 

» بقنب ترد لست عت الدطة Funct‏ 

» برللف ادوات لقة اليرسية اس اينه «٠دال‏ في مترو عة 

01 ينتاج بان اھ وبواد جبببد ته مکی 


. يحل فة يحضم التسير الشرظي مجان سو 07 
rej‏ سي سس كا 
+ ينافقش صسهة حصيحت صدة 

٠‏ يجرن سنه وهی کے دد حر صالخا یی 
٠.‏ مک بوب ی وان ریتاب بعت جیب على 

| قە لوي الها 
EERE .‏ 
٠‏ يجري عصليات وال لالات على صفحة تريب 
A .‏ ا بيو EDO‏ 
سمقعة كويب كطاعثية 










«» اللشطاهيم الأسلية تلفة 4م ا٠ء‏ ناددل 





e‏ اسه اء كرد إحرأوع؟ وجول 









| 
ES: 






. يصمم صفعة ويب تفاعثية 
5 يطرر صفعة ثويب التقاعئية 
و ا ن و ا 










١ aL >‏ لمستهدمى ية ورت 
زسرافة الهوية - البرامج العتارة - ہرمع التوصس ...) 
| يشير فقيو عدم عن کر لوباك ہے ومین أن بھی 
| تھا متخدمی  hE:‏ 




































بنهاية الدرس يكون الطالب قادرا على أن : 
*#يشرح أوامر لغة اهام 


*٠يوظف‏ أوامر اللغة في إنشاء صفحات تفاعلية 
“يشارك زملاؤه في تنفيذ أنشطة التعلم 





اصطحب الطلاب إلى حجرة الحاسب 1 إلى محموعات صغيرة وأناقش معهم أهمية اوامر 
لغة 14171 والتى درسوها في الفصل الأول وأعرض عليهم تطبيق عملن للصفحة التفاعلية . 








النموذغ 5037 : yy‏ . 
من خلاله يمكنك إضافة مجموعة عناصر لصفحة الويب متل ( الأزرار والحقول ) التي تقوم 
باستخدامها لادخال بياناتك بغعرض ارسالها لموقع الويب ليتم تخزينها 
طريقة كنابة الأمر <01177!> ويغلق <10111/ > 

صندوق النص 161501 : 

يتية لزائر الصفحة ادخال بيانات نصية عن طريق الكتابة داخل الصندوق من 





خلال لوحة المفاتية طريقة كتابة الأمر <"xtعt"‏ = <input type‏ 
7 حقل كلمة المرور 035511010 : 
يظهر الرمز + عند الكتابة بداخله وذلك لإخفاء مكونات كلمة المرور الحقيقة . 


<input type = "password"> طريقة كنابة الأمر‎ 

زر اختيار بديل واحد ہRadiobutt0۸‏ : 

يسمة لك باختيار بديل واحد فقط من عدة بدائل 
طريقة كتابة الأمر <"3010:" = عمل input‏ > ويراعى اعطاء نفس الاسم للزرين بي 
لمنع اختيار الزرين معا ظ 


< input type = "radio" name "a"> 











8 ذكر ا 2 


زر اختبار يديل واحد 


- input type "نزتم" س‎ name "و"‎ 


التقويم :لإضافة حقل لإدخال اسم الطالب يتم اضافة N RAS‏ الويب 






دفتر تحضير الصف الثاني اعدا 2 نل الك 



























نابعٍ أدوان 
النسود + 


الأهداف الإجرائية ‏ 


بنهاية الدرس يكون الطالب قادرا على أن : 
*يشرح بعض عناصر لغة امام 












٠يكتب‏ أوامر ١ا٣٣‏ بطريقة صحيحة 
#يبدي أتجاها ايجابيا نحو أهمية لغة اخم 








0 اصطحب الطلاب إلى حجرة الحاسب وأقسمهم الى مجموعات صغيرة وأعرض 
عليهم تطبيق عملى لاستخدام آدوات النموذج المتخلفة فى الصفحة التفاعلية 





صندوق الأختيار ×ەط)Cnec‏ : ج س 
تسمح لك لغة ا٣ا‏ بامكانية اختيار أكثر من صندوق اختيار في نفس الوقت 
( عدة بدائل ) طريقة كتابة الأمر <input type = "checkbox">‏ 

زر الأمر Button‏ : 

عند الضغط على هذا الزر يمكن أن يقوم بالعديد من الوظائف مثل 

تسجيل / مسة بياناتك » استدعاء دالة 





1 طريقة كتابة الأمر <input type = "button" value="ok>‏ 
| حيث عدا“ تحدد الاسم الظاهر علي الزر 
زر الارسال Sub hit‏ : 
بالضفط عليه يتم ارسال بياناتك التي قمت بادخالها عن طريق عناصر 


| Submit uery 


زر الأرسال 





النموذج لصفحة أخرى ( وذلك باضافة الخاصية 3100 الخاصة بال ۴٥۲۳‏ ) 
طريقة كتابة الأمر <input type = "submit">‏ 

7-- زر الحذف Rs‏ : 
يستخدم لحذف القيم التي سبق إدخالها والعودة للقيم الأفتراضية 
للادوات طريقة كنابة الآمر <input type = "reset">‏ 


1 ......... بستخدم لتنفيذ أحد المهام التي تقوم بتوصيفها من خلال كتابة كود 


| Reset | 


زر الحذف 





دفتر تحضير الصف الثاني الإعدادي إلذ ايد 


تصميم وإعداد : محمود ياسيز 






























1 
بنهاية الدرس مون الطالب قادرا على أن : 
"يصمم صفحة ويب تفاعلية لتسجيل بياناته 


١‏ سس | س 
ر 


٭یکنب ا كود أدخال البيانات بطريقه صحيحه 


٠يقدر‏ أهمية لغة الترميز فن إنشاء مشروع 
فا | 






جد ل هيك 
اصطحب الطلاب إلى حجرة الحاسب وأقسمهم إلى مجموعات صغيرة وأطلب من كل مجموعة 

ظ تصميم صفحة ويب تفاعلية كمشروع نهائىي مستخدمين فيها كل ماتعلموه من ادوات النموذج 
5 ]| فن الدروس السابقة 


< لقع وا < | ناوا 





>») 1| رعدع‎ title= 
</head> 
"body dir="rtl><center> 


تسجيل بيانات الطائب <مدا><مدا><:دا> هه 


<مكام.معم "2 تامااعة <"form‏ 





einput type="text" >sbr><br><br>‏ الاسم 
الالسضم| | >in put type="password" ><br><br><br>‏ كلمة المرور 


>in put type="password" ><br><br><br>‏ تاگید كلمة المررور 


كلمف المرور | input type="text" ><br><br><br>‏ السن بالارقام 


ذكر < "وألقم" = type‏ أيامما > اني < |nput type = "radio"‏ >النوع 
تأكيد كلمة المروو 227 


السن بالأرقام | ١‏ 


<رواءدرواءدرجا» 

اللغة 

>"in put type=" checkbox>‏ انجليزي 
ا5 >"input type="checkbox>‏ فرنسي 
"input type="checkbox >‏ الماني 


لقة الإجادة | ]اتجليزي | ]فرتسي [ | الماني <br>sbr>s<br>‏ ا 
آ ع <"جديد" = input type="reset" yale‏ < 
مل 
nbsp&nbsp&nbspÊ‏ 


<input type="submit" value "تسجيل"2‎ > 





| | </center></form> 


< تدا >< بو وجاك 



























للغة 1م١1‏ 0105ل 







سے سے سلب 


بنهاية الدرس يكون الطالب قادرا على أن : 
#يتعرف المفاهيم الأساسية للغة أمأمعدمل/اول 





٠يكتب‏ كود بلغة جافا سكريبت بدقة 
“يقبل على تعلم لغة البرمجة جافا سكريبت 


2ك سس كد 






8 | e E 
اصطحب الطلاب الى حجرة الحاسب واقسمهم الى مجموعات صعيرة واناقسشس‎ 
معهم أهمية اوامر لغة جافا سكريبت في اضفاء التفاعل على صفحة الويب‎ 

| وكيفية الاستفادة من أوامرها 











أساسيات لغة javascrip†‏ : سد سے س <html>‏ 

head? 

+SCPIPpt?</sScript> 585 95 5 9 5‏ 
ا -اوامر وتعلیمات جافا سكريبت تستخدم جمل 5101121715 ren‏ 

ن 

» 5 أم1د1دء‎ <> script 58 

)- تكتب الأوامر والتعليمات داخل كود ا٣٤٣ «script></seript>‏ 
bodyz‏ ار > 





</ htm1>] 


۳-تکتب جمل جافا سكريبت داخل الأمر <1م|"اع5> و ٣<‏ مscri/>‏ 
٤-يجب‏ إنهاء كل جملة (5101111115 ) بفاصلة منقوطة ( : ) 
ه-يوضع في الاعتبار حالة الأحرف صغيرة أم كبيرة عند كتابة الجمل 
جحملة alert‏ : 

تستخدم جملة ٣ءاه‏ لعرض رسالة داخل صندوق مما يجذب الانتباه لقرائثتها 








طريقة كتابة الأمرز ("مرحبا بكم ") 1مءاه 
جملة document.write‏ : 

ڪڪ تستخدم جملة ع¡ documen† . wr‏ لإظهار رسالة مكتوبة على صفحة الويب نفسها ا 
طريقة كنابة الأمر : ("مادة الكمبيوتر وتكنولوجيا المعلومات "( document.write‏ 


e 
4 
1 
ا‎ 
/ 0 
١ جر د‎ 
0 لع‎ 


0 ظ التقويم : اكتب المصطلة : تستخدم لعرض رساله داخل صندوق مما يجذب الانتباه لقرائتها 












عل 


الأهداف الإجرائية | 


بنهاية الدرس يكو 











يكون الطالب قادرا على أن : 
*يتعرف ماهية الدالة أ +عدن؟ 


٠يتعرف‏ طريقة استدعاء كود عن طريق زر أمر 
#يشارك زملاؤه في مشروعه التفاعلي 






0 ا سكم سيم به لب تيت : 
اصطحب الطلاب إلى حجرة الحاسب واأقسمهم إلى مجموعات صغيرة واناقش معهم 
ماهية الدالة 2+150انا# وطريقة استدعائها موظفين ذلك في انتاج مشروع تفاعلي 





| ححج ح- 


الدالة :function‏ عرض الدرسا 0 





)00 س 


هي مجموعة من الأوامر التي تنفذ عند استدعاثها ويجب اعطاء اسم مناسب للدالة يدل على وظيفتها 
وتأخذ مسارين 
| - انشاء دالة 16150انا؟ ( تحتوى على جمل الجافا سکریبت ) : ا 

Function “lil اسم‎ () 5 


o‏ «نكتب الأمر function‏ تم نكتب اسم مناسب للدالة { ده 


( يفضل أن يدل على وظيفتها ) 


ٌْ كود الدالهة 
*نكتب الكود الذى سيتم تنفيذه داخل قوسين مجموعة ( ) 
أ ليتم تنفيذه عند استدعاء الدالة 1 


) - استدعاء الدالة ١٥ا†ءمں؟‏ ( لتنفذ الأوامر التي بها عند النقر على زر الأمر ١٥ط‏ ) 


«"يتم اضافة زر أمر داه ]باط 57 


<script? 5 ,‏ ظ 

*اضافه الخاصية )ع اiاcمo‏ لزر الأمر u : button‏ عي لبتم 
function country ()‏ | يي umd i‏ 

*الخاصية )ءiاءمه‏ تكون قيمتها هن اسم الدالة المطلوب استدعاثها | e‏ | 


21د ١طريقة‏ كتابة الكود alert (form1.t1.value)}‏ 
< "اسم الدالة المطلوب استدعائها"ىتماء ذاعمه ١ <input type="button"‏ 


98 8 ا <script?‏ 
التعامل مع محتوى صندوق النص اهم ط )ع1 : 
| طريقة كتابة كود الدالة بعد استكمال الأكواد الاساسية كما بالشكل : 





التقويم : ........ شي مجموعة من الأوامر التي يتم استدعائها ويجب ان تعطى اسم مناسب يدل على وظيفتها 


00 م 





دفتر تحضير الصف التانى الإعدادى الفصل الدراسر 
5 تصميم وإعداد : محمود باسين الشاف 
چ ` o‏ ع .. 






















If Statement 











بنهاية الدرس يكون الطالب قادرا على أن : 
"»يستخدم تعض أوامر جافا سكريبت 


*يحل أمثلة باستخدام التعبير الشرطي 
*يتعاون مع زملاؤه في تنفيذ أنشطة التعلم 














a‏ ي 
اصطحب الطلاب إلى حجرة الحاسب واقسمهم إلى مجموعات صغيرة واناقش معهم اوامر لغة ا 
جافا سكريبت في التفرع من خلال تطبيق عملي واطلب منهم تنفيذ نشاط من الكتاب المدرسي 








بببملممُووو سخ 1 اسه 





سے ص 





التفرع Branching‏ 
في بعض الأحيان قد نحتاج إلى تنفيذ او عدم تنفيذ اوامر أو جمل تبعا لنتيجة اختبار ( تعبير 
شرطي ) متال : في حالة اختبار مجموع درجاتك ( التعبير الشرطي ) اذا كان مجموعك اكبر 
من او يساوي 0١‏ درجة 
(٠0=<درجتك )١‏ سوف يتم طباعة ناجح ( تنفيذ الأوامر والجمل 26006) ولاختبار التعبير الشرطي اكد 
نستخدم حملة ۱۴ 
ررق انرق اتقو (التعبير الشرطي ) 00015150 11 
{ 
(الأوامر والجمل يتم تنفيذها في حالة تحقق التعبير الشرطي ) 
Code‏ 











} 





. هو التعبير الشرطي المراد اختباره‎ 601101110-١ 

2 - مابين القوسين ( ) يكتب الكود . ظ 
»في حالة تحقق التعبير الشرطي ينفذ الكود بين القوسين . 

»في حالة عدم تحقق التعبير الشرطي لا ينفذ الكود بين القوسين . 





Yes ۱‏ 
مجموع الارجات اكبر 
من او يساوي 50 





التقويم : اكتب المصطلة : جملة يتم استخدامها لاختبار التعبير الشرطي بيه 



























التخقق س صخة الببانات 
المدخلة في صفخة الوبب 


© 85 © © © © © 6 هم 
الأهداف الإجرائية س 
بنهايه الدرس يكون الطالب قادرا على ان : 
| اة البيانات المد“ قي 6 











"يجري عمليات إدخال البيانات فن صفحة الويب 
*يشارك زملاؤه في ادخال بيانات تعض الطلاب 











اصطحب الطلاب إلى حجرة الحاسب واقسمهم إلى مجموعات صغيرة 


| وأناقش معهم أهمية طرق التأكد من صحة البيانات من خلال تطبيق 





التحقق من صحة البيانات: س ي <script>‏ 


هي عملية التحكم فن البيانات التي يتم ادخالها من حيث : {)( sa function f1‏ 


اع 5 "= = if (form1.text1.value‏ 
| - ترك حول مارغه . : 1 الإ e‏ ا 6| 

١‏ (غير مسموح بترك حقول فارعه ) ماج 

return false : : -كنابه تممدد غير محدد من الحروف والارقام في الحعل‎ ١ 


أ”- عدم مطابقة كلمة المرور . 
٤‏ - ادخال اي نوع من البيانات في الحقل .7 * 151- ا 


8 | F۲ ترع‎ EA EXwalidatic Jj = Û | ينول س‎ 





عدم ترك حقل فارغ Required Field‏ و أ 1 /script>‏ < 


أدكل اسح الطائب | 


طريقة كنابة الكود 



























الأهداف الإجرائية . 


بنهاية الدرس يكون الطالب قادرا على أن : 
*يناقش صحة البيانات المدخلة في الصفحة 





“يجري عمليات إدخال البيانات فن صفحة الويب 
«٠يشارك‏ زملاؤه في ادخال بيانات تعض الطلاب 





جر ا سس سس سس ا 


س و ا ماك 
اصطحب الطلاب إلى حجرة الحاسب وأقسمهم إلى مجموعات صغيرة وأناقش معهم الأوامر 
الحديدة للتحقق من صحة البيانات ونقوم بتنفيذها عمليا 





2 


3222 


نظت رمعت أكر || Û + Û‏ نادم اسمطضع Np‏ 81 


: التحكم في طول البيان المدخل بالحقل‎ - ١ 
للتحكم في طول البيان المدخل في الحقل نستخدم الخاصية ۸اعہءا فق كمة رور[‎ 
: لصندوق النص طريقة كتابة الأمر‎ 
وعم‎ if (form1.text1.value.length< 8) 
مع وضع جواب الشرط المناسب لجملة ۴ا‎ 
: مطابقة البيانات المدخلة في حقلين‎ - ) 
تستخدم للتأكد من أن حقلين لهم نفس بيان الادخال من خلال‎ 
)!== ( مطابقتهم من خلال علامة المقارنة المنطقية‎ | 
: طريقة كتابة الأمر‎ 


TEAC 





if (form1.text1.value!==form1 .text2.value) 

مع وضع جواب الشرط المناسب لجملة f‏ 

۳ - من ادخال نوع من البيانات مخالف لنوع الحقل : 

وتستخدم لمنم ادخال نوع بيان مخالف لنوع البيانات المطلوبة 
في الحقل طريقة كتابة الأمر للتأكد من قيمة رقمية : 
.text1 .value))‏ 1 معممع) لكاو لك!اوا) if‏ 























التقويم : من حالات التحكم في صحة البيانات التي يتم ادخالها ............و es‏ 


دفتر تحضير الصف التانى الإعدادى الفصل | 
تصميم وإعداد : محمود ياسين ال 





























المشسروع 








بنهاية الدرس يكون الطالب قادرا على أن : 


«يقارن بين الصفحات الساكنة والتفاعليه 
“يقدر اهمية جافا سكريبت فى إنشاء الصفحات 





“سييست | سجس كد 


اصطحب الطلاب إلى حجرة الحاسب IT‏ الى مجموعات صغيرهة 
وأطلب من كل مجموعة تنفيذ مشروع ختامي لصفحة ويب تفاعلية 
مستعينين بكل الأوامر التي درسوها سابقا . 





(( المشروع )) 
بالتعاون مع زملائك بعد تعرفك على كيفية 
التحقق من صحة البيانات استكمل مشروعك 
السابقة ( موقع مدرستي ) بإاضافة صفحة 
| لتسجيل البيانات على أن يتم إجراء عملية 
| التحقق من صحة البيانات المدخلة من حيث : 
١-عدم‏ ترك حقل اسم الطالب فارغا 
) - طول كلمة المرور لا يقل عن تمان رموز 
۳ - مطابقة كلمة المرور في حقلي كلمة المرور 
11 | ع - اسماخ بادخال قيم عددية فقط في حقل السن 





لغة الإجادة [ |انجليزي | ]فرنسي [ الماني 


هه ههه 


9 دمنر تحصير الصف الثاني ا ا 7 بي الد الى 


11١10"‏ ب4ى 























#ممهة | ج س 


بنهاية الدرس يكون الطالب قادرا على أن : 
*يتعرف التحسينات الجديدة ب ۸٣٣١5‏ 


«يكتب الأكواد بطريقة صحيحة 





٠يشعر‏ بأهمية التطوير فن لغة 5١ا٣٣‏ 


مس 1171 
ّّ 5 2 - ظ ا 
tk 0 | 8 1 1 1‏ نے ل 2 | 
ڪر سكت 


اصطحب الطلاب إلى حجرة الحاسب وأقسمهم إلى مجموعات صغيرة 












أ وأناقش معهم أهمية اوامر لغة ا٣ط‏ والتحسينات الموجودة ب ۸٣۲۸٣15‏ 





صندوق اللون05|م : ڪڪ ڪڪ ARN‏ .- 
یتیج للمستخدم اختيار لون من خلال صندوق الألوان | 
طريقة كتابة الأآمر : <input type="color">‏ 


TEE 
117لا‎ 
oi 88 1لا‎ 
mu 111177 
mu 1111 
885 1 
1 


ا 
1 


5 

ع 

1 ا 
135117 1 





بس 
3 
1 


صندوق التارية 0016 : 
يتية للمستخدم ادخال نارية معين بواسطة نافذة التقويم 
1 طريقة كتابة الأمر : <input type="date">‏ 
| صندوق العدد Number‏ : 
بتم انشاء هذه الأداة على صفحة الويب لإدخال قيم لابد ان تكون عددية 
ويمكن تحديد مدى معين لهذه القيم 
طريقة كتابة الأمر : input type="number" min="1" max="20">‏ < 
استخدام الخاصية Required‏ : 
هد عند استخدام هذه الخاصية يتطلب ذلك ضرورة ادخال قيمة عن طريق 
المستخدم وعدم تركها فارغة 
]| طريقة كنابة الأمر : <input type="text" Required>‏ 


| 


التقويم :اكتب المصطلة : اصدار جديد من "٣١١‏ به العديد من التحسينات التي نلمسها 









دفتر تحضير الصف الثاني الإعدادى الفصل الد 
٠ 0‏ تصميبم وإعداد : محمود ياسين الس 

































سلس 7ج لل يق 


بنهاية الدرس يكون الطالب قادرا على أن : 
*#يتعرف المفاهيم الاساسية للاستخدام الأمن 


يلم بجوانب أمن المعلومات المتعلقة 
باستخدام النت 


“يلم بجوانب الأمن العكرى في الانترنت 





اصطحب الطلاب إلى حجرة الحاسب وأقسمهم إلى مجموعات صغيرة وأناقش 
| معهم أهمية الاستخدام الأمن للانترنت وأهم مفاهيمه وجوانب الأمن الفكري به 





عرضالدرس 00 
سرقة الهوية 11 111ء1!: انتحال او استخدام شخص ما اسم شخص اخر أو اي معلومات تتعلق به لسرقته 
او سرقة غيره 
البرامة الضارة ع:1/13|13! : تشير للبرامج العدائية أو المتطفلة التي تتسلل لأنظمة الكمبيوتر ولتتفادها يجب 


اع استخدام برامج مكافحة الفيروسات هه 


برامج التجسس : برامج كمبيوتر تقوم بمجمع بيانات عن المستخدمين دون الحصول على موافقتهم ويمكن 
تفادها باستخدام برام مكافحة الفيروسات والدعاثات الخبيتة . 
الفيروس ونا" أ“ : برنامج صغير ضار له قدرة على الانتشار الذاتني يصيب أجهزة الكمبيوتر والبرامة . 
ظ الرموز السرية : نقصد بها كافة البيانات الشخصية والتي لا ينبغي الكشف عنها لاي أحد مثل كلمات المرور 
ارشادات هامة للاستخدام الامن للانترنت : 
| - الحفاظ على كلمة المرور واسم المستخدم الخاص بك وعدم نشره . 
) - فكر جيدا قبل نشر الصور الشخصية او نشر محتوي علي الانترنت 
۳ - استأذن صاحب الشأن قبل نشر صوره علي الانترنت او ارسالهم بالبريد 
غ - لا تقبل اي رسائل مجهولة المصدر ا 
0 - لا تقم باضافة اخرين لقائمة الاصدقاء مالم تكن تعرفهم شخصبا 
5١‏ - تعلم كيفية حظر وصول بعض الأشخاص اليك والابلاع عنهم 
۷ - ادراك ان الحورات عبر الانترنت ليست ذات خصوصيه ويمكن سرقتها 





التقويم : الرموز السرية يقصد بها ا و 





